<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "base.html" %}
{% load static %}
<!-- 写入 base.html 中定义的 title -->
{% block title %}
学生成绩管理系统
{% endblock title %}
<!-- 写入 base.html 中定义的 content -->
{% block content %}


    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <div class="container">
        <h4>欢迎来到成绩管理系统</h4> <hr>
    </div>

    <!-- 轮播效果 !-->
    <div class="container">


        <div class="container" style="background-color: #b8daff ;height: 20px;width: 1110px"></div>


        <div class="container" style="height: 1000px; width:100%">
            <div id="myCarousel" class="carousel slide"  data-ride="carousel" data-interval="2000">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner" >
            <div class="item active">
                <img src="/static/img/1.jpg" alt="First slide" style="width: 100%; height:500px">
            </div>
            <div class="item">
                <img src="/static/img/2.jpg" alt="Second slide" style="width: 100%; height:500px">
            </div>
            <div class="item">
                <img src="/static/img/3.jpg" alt="Third slide" style="width: 100%; height:500px">

            </div>
            <div class="item">
                <img src="/static/img/4.jpg" alt="Third slide" style="width: 100%; height:500px">
            </div>

        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>




</div>

</div>





    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

{% endblock content %}